<template>
  <div class="q-pa-md q-gutter-sm">
    <t-toggle  label="蓝色" v-model="selection" val="blue" 
        :helpConf="true"
        helpTooltip="我是提示"
        helpPlacement="top"
        helpMore="popup"
        helpMorePopup="helpMorePopup"/>
        
        <t-toggle color="yellow"  v-model="selection" val="yellow"
        label="测试"
        labelPosition="top"
        :helpConf="true"
        helpTooltip="我是提示"
        helpPlacement="right"
        helpMore="link"
        helpMoreLink="static"
        helpMoreLinkHrefStatic="https://www.baidu.com"
        helpMoreLinkHrefExp="https://www.qq.com" />
    <t-toggle color="green" label="Green" v-model="selection" val="green" />
    <t-toggle color="red" label="Red" v-model="selection" val="red" />
    <div> Model: {{ selection }} </div>
  </div>
</template>

<script>
  import { ref } from 'vue';

  export default {
    setup() {
      return {
        selection: ref(['yellow', 'red']),
      };
    },
  };
</script>
